<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/facelets/template.xhtml">

		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="PF('statusDialog').show()"
					onsuccess="PF('statusDialog').hide()" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Loading"
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>

				<h:form id="form">


					<p:panel id="msgProjectClientesTitle" header="Criterios">
						<p:messages id="msg" />
						<p:dataTable id="tabla" value="#{criteriosView.data}"
							var="criterios" paginator="true" rows="5" editable="true">

							<p:ajax event="rowEdit" update=":form:msg,:form:tabla"
								listener="#{criteriosView.rowEventListener}" />

							<p:column filterBy="#{criterios.idcriterios}"
								sortBy="#{criterios.idcriterios}" headerText="identificacion criterios">
									<f:facet name="header">
										<h:outputText value="Criterio Nº" />
									</f:facet>
									<h:outputText value="#{criterios.idcriterios}" />
							</p:column>


							<p:column filterBy="#{criterios.descripcion}"
								sortBy="#{criterios.descripcion}" headerText="descripcion">

								<p:cellEditor>

									<f:facet name="output">
										<h:outputText value="#{criterios.descripcion}" />
									</f:facet>

									<f:facet name="input">
										<p:inputText value="#{criterios.descripcion}" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column filterBy="#{criterios.idtipoCriterios_TipoCriterios}"
								sortBy="#{criterios.idtipoCriterios_TipoCriterios}"
								headerText="idtipoCriterios_TipoCriterios">
									<f:facet name="header">
										<h:outputText value="Identificacion Tipo Criterio" />
									</f:facet>
									<h:outputText value="#{criterios.idtipoCriterios_TipoCriterios}" />
							</p:column>
							
							<p:column filterBy="#{criterios.descripcion_TipoCriterios}"
								sortBy="#{criterios.descripcion_TipoCriterios}"
								headerText="Tipo Criterio">

								<p:cellEditor>

									<f:facet name="output">
										<h:outputText value="#{criterios.descripcion_TipoCriterios}" />
									</f:facet>

									<f:facet name="input">
										<h:selectOneMenu value="#{criteriosView.stringTipoCriterios}" style="width:100%">
											<f:selectItems value="#{criteriosView.losTiposCriteriosItems}" var="desc" itemLabel="#{desc}" itemValue="#{desc}" />
										</h:selectOneMenu>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Options">
								<p:rowEditor id="row" />
								<p:tooltip for="row" value="Editar" showEffect="fade"
									hideEffect="fade" />
								<p:tooltip for="btnDelete" value="Eliminar" showEffect="fade"
									hideEffect="fade" />
								<p:commandButton id="btnDelete"
									actionListener="#{criteriosView.actionDeleteDataTableEditable}"
									title="Eliminar"
									onclick="if(!confirm('Esta seguro de eliminar este registro?')){return false;}"
									icon="ui-icon-trash" update=":form:msg,:form:tabla">
									<f:attribute name="selectedCriterios" value="#{criterios}" />
								</p:commandButton>

							</p:column>

						</p:dataTable>


					</p:panel>

				</h:form>
			</f:view>
		</ui:define>
	</ui:composition>

</h:body>

</html>
